<!DOCTYPE html>
<html  class="x-admin-sm">
<#include "../layout/meta.ftl">
<body class="layui-layout-body">

<div class="layui-container" style="margin-top: 15px">
    <div class="layui-row">
        <div class="layui-col-xs6">
            <div class="grid-demo">
                <blockquote class="layui-elem-quote">
                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                        <legend>服务器监控日志</legend>
                    </fieldset>
                    <ul class="layui-timeline">
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">2020-12-29 15:33:59 log1.txt>>>>数据异常</div>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">2020-12-29 15:33:59 log1.txt>>>>数据异常</div>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">2020-12-29 15:33:59 log1.txt>>>>数据异常</div>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">2020-12-29 15:33:59 log1.txt>>>>数据异常</div>
                            </div>
                        </li>
                    </ul>
                </blockquote>
            </div>
        </div>
        <div class="layui-col-xs6">
            <div class="grid-demo">
                <blockquote class="layui-elem-quote">
                    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                        <legend>服务器健康状态</legend>
                    </fieldset>
                    <ul class="layui-timeline">
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">2020-12-29 15:33:59 log1.txt>>>>数据异常</div>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">2020-12-29 15:33:59 log1.txt>>>>数据异常</div>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">2020-12-29 15:33:59 log1.txt>>>>数据异常</div>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis"></i>
                            <div class="layui-timeline-content layui-text">
                                <div class="layui-timeline-title">2020-12-29 15:33:59 log1.txt>>>>数据异常</div>
                            </div>
                        </li>
                    </ul>
                </blockquote>
            </div>
        </div>
    </div>
</div>
<script>
    //JavaScript代码区域
    layui.use('element', function(){
        let element = layui.element;
    });
</script>
</body>
</html>